<% include layout/head.ejs %>

<% include header.ejs %>

<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-primary">
                <div class="panel-heading">分类浏览</div>
                <div class="panel-body">
                    <ul class="nav nav-pills nav-stacked">
                        <li class="active">
                            <a href="#">
                                <span class="badge pull-right">4200</span>
                                计算机类
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="badge pull-right">42</span>
                                管理类
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="badge pull-right">42</span>
                                经济类
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <ul class="media-list">
                <li class="media">
                    <a class="pull-left thumbnail" href="#">
                        <img class="media-object" src="" alt="image"/>
                    </a>
                    <div class="media-body">
                        <h3 class="media-heading">Effective Java</h3>
                        <p><strong>作者：</strong>Joshua Bloch</p>
                        <p><strong>出版时间：</strong>2004-02-02</p>
                        <p><strong>出版社：</strong>Addison Wesley</p>
                        <p><strong>页数：</strong>100</p>
                        <p><strong>ISBN：</strong>0-201-31005-8</p>
                    </div>
                </li>
                <li class="media">
                    <a class="pull-left thumbnail" href="#">
                        <img class="media-object" src="" alt="image"/>
                    </a>
                    <div class="media-body">
                        <h3 class="media-heading">Effective Java</h3>
                        <p><strong>作者：</strong>Joshua Bloch</p>
                        <p><strong>出版时间：</strong>2004-02-02</p>
                        <p><strong>出版社：</strong>Addison Wesley</p>
                        <p><strong>页数：</strong>100</p>
                        <p><strong>ISBN：</strong>0-201-31005-8</p>
                    </div>
                </li>
                <li class="media">
                    <a class="pull-left thumbnail" href="#">
                        <img class="media-object" src="" alt="image"/>
                    </a>
                    <div class="media-body">
                        <h3 class="media-heading">Effective Java</h3>
                        <p><strong>作者：</strong>Joshua Bloch</p>
                        <p><strong>出版时间：</strong>2004-02-02</p>
                        <p><strong>出版社：</strong>Addison Wesley</p>
                        <p><strong>页数：</strong>100</p>
                        <p><strong>ISBN：</strong>0-201-31005-8</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<% include layout/foot.ejs %>